
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

html,body{ margin: 0; padding: 0;width: 100%; font-size: 12px; min-width: 1000px;}

p,ul,li,h1,h2,h3,h4,dl,dt,dd{ margin: 0; padding: 0; box-sizing: border-box; margin-block-start: 0; margin-block-end: 0; }

a{ text-decoration: none; color: #000000; }

button,input{ border: none; outline: none; border-radius: 2px; }
button{ cursor: pointer;}
#app{

.point{ cursor: pointer;}

.borbox{ box-sizing: border-box;}

/* 清浮动 */
.clearfix:after{
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    _zoom:1;
}
.wzhuti{ width: 1160px; }
.bgf{ background: #fff;}
.bgfa{ background: #fafafa;}
.bgf1{ background: #F1F1F1;}

/* 背景色 */
.bg0{ background: #000; }
.bgec{ background: #ECECEC;}
.bgf{ background: #fff;}
.bgf0{ background: #f0f0f0;}
.bgf124{ background: #F1F2F4;}
.bgf235{ background: #F2F3F5;}
.bgf5{ background: #f5f5f5;}
.bgf56a{ background: #F5F6FA;}
.bgf6{ background: #f6f6f6;}
.bgf7{ background: #F7F7F7;}
.bgf8{ background: #F8F8F8;}
.bgcd{ background: #CDCDCD;}
.bgred{ background: #FF3B30;}
.bgzhuti{ background: #3D7FFF;}

/* 字体颜色 */
.col0{ color: #000;}
.col0d{ color: #0D0D0D;}
.col1582{ color: #151822;}
.col1d{ color: #1d1d1d;}
.col1e{ color: #1e1e1e;}
.col1f{color: #1F1F1F;}
.col2{ color: #222;}
.col23{ color: #232323;}
.col24{ color: #242424;}
.col279{ color: #272729;}
.col34{ color: #343434;}
.col49{ color: #494949;}
.col4b{ color: #4b4b4b;}
.col4c{ color: #4C4C4C;}
.col6{ color: #666; }
.col60{ color: #606060;}
.col606{ color: #606A78; }
.col63{ color: #636363;}
.col65{ color: #656565;}
.col68{ color: #686868;}
.col716e{ color: #71767E;}
.col7b{ color: #7B7B7B;}
.col7c{ color: #7C7C7C;}
.col80{ color: #808080;}
.col81{ color: #818181;}
.col8f{ color: #8f8f8f;}
.col9{ color: #999;}
.col96{ color: #969696;}
.col9a{ color: #9a9a9a;}
.col9c{ color: #9C9C9C;}
.col9e{ color: #9e9e9e;}
.col98{ color: #989898;}

.cola1{ color: #A1A1A1;}
.cola4{ color: #A4A4A4;}
.colb1{ color: #B1B1B1;}
.colb2{ color: #B2B2B2;}
.colb3{ color: #b3b3b3}
.colb6{ color: #B6B6B6;}
.colf{ color: #fff;}

// .colzhuti{ color: $primary-color; }
 .colzhuti{ color: #3D7FFF; } 

.colorg{ color: #FF7802; }
.colblue{ color: #315DE9;}
.colred{ color: #F5212D;}
/* padding */
.padt4{ padding-top: 4px;}

.padb5{ padding-bottom: 5px;}
.padt5{ padding-top: 5px;}
.padl5{ padding-left: 5px;}
.padr5{ padding-right: 5px;}

.padb7{ padding-bottom: 7px;}

.padl10{ padding-left: 10px; }
.padr10{ padding-right: 10px; }
.padt10{ padding-top: 10px; }
.padb10{ padding-bottom: 10px;}
.padd10{ padding: 10px;}

.padl14{ padding-left: 14px; }
.padr14{ padding-right: 14px; }
.padt14{ padding-top: 14px; }
.padb14{ padding-bottom: 14px;}
.pad14{ padding: 0 14px;}

.padl15{ padding-left: 15px; }
.padr15{ padding-right: 15px; }
.padt15{ padding-top: 15px; }
.padb15{ padding-bottom: 15px;}

.padl16{ padding-left: 16px; }
.padr16{ padding-right: 16px; }
.padt16{ padding-top: 16px; }
.padb16{ padding-bottom: 16px;}

.padl20{ padding-left: 20px!important;}
.padr20{ padding-right: 20px;}
.padt20{ padding-top: 20px;}
.padb20{ padding-bottom: 20px;}
.padd20{ padding: 20px; }
.pad20{ padding: 0 20px; }

.padl24{ padding-left: 24px;}
.padr24{ padding-right: 24px;}
.padt24{ padding-top: 24px;}
.padb24{ padding-bottom: 24px;}
.padd24{ padding: 24px; }
.pad24{ padding: 0 24px; }

.padl30{ padding-left: 30px;}
.padt30{ padding-top: 30px;}
.padb30{ padding-bottom: 30px;}
.padr30{ padding-right: 30px; }
.padd30{ padding: 30px; }
.pad30{ padding: 0 30px; }

.pad35{ padding: 0 35px;}

.pad36{ padding: 0 36px; }

.padt40{ padding-top: 40px;}
.padb40{ padding-bottom: 40px;}
.padl40{ padding-left: 40px;}
.padr40{ padding-right: 40px; }
.padd40{ padding: 40px; }
.pad40{ padding: 0 40px; }

.padt55{ padding-top: 55px;}
.padb55{ padding-bottom: 55px;}
.padl55{ padding-left: 55px;}
.padr55{ padding-right: 55px; }
.padd55{ padding: 55px; }
.pad55{ padding: 0 55px; }

.padr60{ padding-right: 60px; }

.padl70{ padding-left: 70px;}

/* margin */
.marauto{ margin: 0 auto;}

.marl6{ margin-left: 6px;}

.marl10{ margin-left: 10px; }
.marr10{ margin-right: 10px; }
.mart10{ margin-top: 10px; }
.marb10{ margin-bottom: 10px;}

.marr12{ margin-right: 12px;}


.marl16{ margin-left: 16px;}
.mart16{ margin-top: 16px;}
.martb16{ margin-bottom: 16px;}
.mar16{ margin: 0 16px;}
.martb16{ margin: 16px 0;}

.marl20{ margin-left: 20px;}
.marr20{ margin-right: 20px;} 
.mart20{ margin-top: 20px;}
.marb20{ margin-bottom: 20px;}
.mar20{ margin: 0 20px; }

.marl24{ margin-left: 24px;}
.marr24{ margin-right: 24px;}
.mart24{ margin-top: 24px;}
.marb24{ margin-bottom: 24px;}
.mar24{ margin: 0 24px; }

.mart30{ margin-top: 30px;}
.marb30{ margin-bottom: 30px;}
.marl30{ margin-left: 30px;}
.marr30{ margin-right: 30px; }
.mar30{ margin: 0 30px; }

.mar36{ margin: 0 36px; }
.marl36{ margin-left: 36px;}

.mart40{ margin-top: 40px;}
.marb40{ margin-bottom: 40px;}
.marl40{ margin-left: 40px;}
.marr40{ margin-right: 40px; }
.mar40{ margin: 0 40px; }

.marr60{ margin-right: 60px; }
.marl110{ margin-left: 110px;}

/* 字体大小 */
.font10{ font-size: 10px;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font28{ font-size: 28px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font34{ font-size: 34px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font44{ font-size: 44px;}
.font46{ font-size: 46px;}
.font48{ font-size: 48px;}
.font54{ font-size: 54px;}
.font60{ font-size: 60px;}
.font72{ font-size: 72px;}
.fontw6{ font-weight: 600;}
.fontw5{ font-weight: 500;}
.fontw4{ font-weight: 400;}

/* 行高 */
.lh14{ line-height: 14px;}
.lh16{ line-height: 16px;}
.lh18{ line-height: 18px;}
.lh20{ line-height: 20px;}
.lh22{ line-height: 22px;}
.lh24{ line-height: 24px;}
.lh26{ line-height: 26px;}
.lh28{ line-height: 28px;}
.lh30{ line-height: 30px;}
.lh32{ line-height: 32px;}
.lh34{ line-height: 34px;}
.lh36{ line-height: 36px;}
.lh40{ line-height: 40px;}
.lh42{ line-height: 42px;}
.lh44{ line-height: 44px;}
.lh46{ line-height: 46px;}
.lh48{ line-height: 48px;}
.lh50{ line-height: 50px;}
.lh54{ line-height: 54px;}
.lh56{ line-height: 56px;}
.lh60{ line-height: 60px;}
.lh76{ line-height: 76px;}
.lh80{ line-height: 80px;}
.lh90{ line-height: 90px;}
.lh100{ line-height: 100px;}

/* 高 */
.h20{ height: 20px;}
.h24{ height: 24px;}
.h30{ height: 30px;}
.h40{ height: 40px;}
.h45{ height: 45px;}
.h50{ height: 50px;}
.h60{ height: 60px;}
.h70{ height: 70px;}
.h80{ height: 80px;}
.h85{ height: 85px;}
.h90{ height: 90px;}
.h100{ height: 100px;}
.h110{ height: 110px;}
.h120{ height: 120px;}
.h150{ height: 150px;}

.minh610{ min-height: 610px; position: relative;}
.minh140{ min-height: calc(100vh - 140px); box-sizing: border-box;}

.nowrap{ white-space: nowrap;}
.preline{ white-space: pre-line;}

.wfc{ width: fit-content;}

.wh100p{ width: 100%; height: 100%;}
.w50s{
  width: 50%;
}
.ww100{ width: 100%;}
.w50{ width: 50px;}
.w64{ width: 64px;}
.w68{ width: 68px;}
.w70{ width: 70px;}
.w72{ width: 72px;}
.w82{ width: 82px;}
.w84{ width: 84px;}
.w100{ width: 100px;}
.w110{ width: 110px;}
.w115{ width: 115px;}
.w120{ width: 120px;}
.w130{ width: 130px;}
.w140{ width: 140px;}
.w144{ width: 144px;}
.w145{ width: 145px;}
.w150{ width: 150px;}
.w180{ width: 180px;}
.w206{ width: 206px;}
.w212{ width: 212px;}
.w220{ width: 220px;}
.w225{ width: 225px;}
.w240{ width: 240px;}
.w250{ width: 250px;}
.w270{ width: 270px;}
.w290{ width: 290px;}
.w330{ width: 330px;}
.w334{ width: 334px;}
.w336{ width: 336px;}
.w340{ width: 340px;}
.w380{ width: 380px;}
.w414{ width: 414px;}
.w460{ width: 460px;}
.w530{ width: 530px;}
.w660{ width: 660px;}
.wmax{ width: max-content;}

/* img */
.img20{width: 20px; height: 20px;}
.img26{width: 26px; height: 26px;}
.img30{width: 30px; height: 30px;}
.img32{width: 32px; height: 32px;}
.img35{width: 35px; height: 35px;}
.img40{width: 40px; height: 40px;}
.img45{width: 45px; height: 45px;}
.img48{width: 48px; height: 48px;}

.img-cover{ object-fit: cover;}
.img-contain{ object-fit: contain;}

/* flex */
.flex{ display: flex;}
.flex1{ flex: 1;}
.flex2{ flex: 2;}
.flex3{ flex: 3;}
.flex4{ flex: 4;}
.flex5{ flex: 5;}
.flexa{ align-items: center;}
.flexas{ align-items: flex-start;}
.flexae{ align-items: flex-end;}
.flexsb{ justify-content: space-between;}
.flexsa{ justify-content: space-around;}
.flexse{ justify-content: space-evenly;}
.flexfe{ justify-content: flex-end;}
.flexc{ justify-content: center;}
.flex-c{ flex-direction: column;}
.flex-r{ flex-direction: row-reverse;}
.flexw{ flex-wrap: wrap;}
.flexab{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 清浮动 */
// .clearfix::after{
//   clear: both;
//   content: '';
//   display: block;
//   height: 0;
//   visibility: hidden;
//   _zoom:1;
// }
.fr{ float: right;}
.fl{ float: left;}

.tc{ text-align: center;}
.tr{ text-align: right;}
.tl{ text-align: left;}
/* 三行文本省略号 */
.text3{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* 两行文本省略号 */
.text2{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 单行文本省略号 */
.text1{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.textline{ text-decoration: line-through;}
.underline { text-decoration: underline;}

.pr{ position: relative;}
.pa{ position: absolute;}

.hiddenInput{
  opacity: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
/* 边框 */
.border{ border: 1px solid #EFEFEF; }
.bortop{ border-top: 1px solid #EFEFEF;}
.borbot{ border-bottom: 1px solid #EFEFEF;}
.radius0{ border-radius: 0;}
.radius2{ border-radius: 2px;}
.radius4{ border-radius: 4px;}
.radius8{ border-radius: 8px;}
.radius10{ border-radius: 10px;}
.radius14{ border-radius: 14px; }
.radius50p{ border-radius: 50%; }

.left_blue{
  position: relative;
}
.left_blue::before{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 20px;
  background-color: #006DFF;
}

/*  */
.inbl{ display: inline-block;}
.block{ display: block;}
.none{ display: none;}

/* overflow */
.overh{ overflow: hidden;};
.overs{ overflow: scroll;};
.oversx{ overflow-x: scroll;}
.oversy{ overflow-y: scroll;}

}
